<!DOCTYPE html>
<html>
    <head>
        <!--    https://developers.google.com/maps/documentation/javascript/basics    -->
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
            html { height: 100% }
            body { height: 100%; margin: 0; padding: 0 }
            #map_canvas { height: 100% }
        </style>
        <script type="text/javascript"
                src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAvcI6HvPBv8pSuyab6L2rShpcQkS_jMb8&sensor=false">
        </script>
        <script type="text/javascript">
         
                
                function initialize() {
                    var myLatlng =  new google.maps.LatLng(10.790523,106.684018);
                    var centerLatlng =  new google.maps.LatLng(10.790873,106.68444);
                    
                    
                    var myOptions = {
                        zoom: 17,
                        center:centerLatlng,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    }
                    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
                    var contentString = '<b>DMA</b>';
                        
                    var infowindow = new google.maps.InfoWindow({
                        content: contentString
                    });
                    
                    
                    var marker = new google.maps.Marker({
                        position: myLatlng,
                        map: map,
                        title: 'DMA'
                    });
                    
                    infowindow.open(map,marker);
                    google.maps.event.addListener(marker, 'click', function() {
                        infowindow.open(map,marker);
                    });
                }

        </script>
    </head>
    <body onload="initialize()">
        <div id="map_canvas" style="width:100%; height:350px"></div>
    </body>
</html>
